<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        textarea {
            max-width: 100%;
            height: auto;
            min-height: 32px;
            line-height: 1.5715;
            vertical-align: bottom;
            transition: all .3s, height 0s;
            text-overflow: ellipsis;
            box-sizing: border-box;
            margin: 0;
            font-variant: tabular-nums;
            list-style: none;
            font-feature-settings: "tnum", "tnum";
            position: relative;
            display: inline-block;
            width: 100%;
            min-width: 0;
            padding: 4px 11px;
            color: rgba(0, 0, 0, .65);
            font-size: 14px;
            line-height: 1.5715;
            background-color: #fff;
            background-image: none;
            border: 1px solid #d9d9d9;
            border-radius: 2px;
            transition: all .3s;
        }
    </style>
</head>

<body>
    <ol>
        <li>广东省珠海市香洲区盘山路28号幸福茶庄,陈景勇，13593464918</li>
        <li>马云，陕西省西安市雁塔区丈八沟街道高新四路南江国际 13593464918</li>
        <li>陕西省西安市雁塔区丈八沟街道高新四路南江国际710061 刘国良 13593464918 </li>
        <li>疆维吾尔自治区乌鲁木齐市沙依巴克区西虹东路463号 400-1808855 小红</li>
        <li>
            姓名：刘德华老表<br>
            电话：18149428888<br>
            地址：广东省珠海市香洲区盘山路28号幸福茶庄
        </li>
        <li>
            姓名：阿红<br>
            电话：800-8585222<br>
            收货地址：新疆阿克苏温宿县博孜墩柯尔克孜族乡吾斯塘博村一组306号
        </li>
        <li>
            姓名：马云<br>
            联系电话：800-8585222<br>
            所在地区：河北省石家庄市新华区<br>
            详细地址:中华北大街68号鹿城商务中心6号楼1413室
        </li>
    </ol>

    <textarea id="textarea" rows="4" placeholder="请输入地址或者粘贴地址识别" class="ant-input"
        style="margin-top: 0px; margin-bottom: 20px; height: 108px;" oninput="checkField(this.value)"></textarea>

    <textarea id="textareaJson" rows="4" placeholder="这里是展示结果" class="ant-input"
        style="margin-top: 0px; margin-bottom: 0px; height: 308px; "></textarea>

    <!-- 一定要导入这三个文件，注意顺序 -->
    <script src="./js/database_export.js"></script>
    <script src="./js/zipCode.js"></script>
    <script src="./js/address_parse.js"></script>
    <script>
        /**
         * 直接传入地址就好
         * @obj {Object} 该参数是地址
         **/
        function checkField(obj) {
            var address = smart(obj)        // 吧地址传入这个smart函数中就可以了。
            console.log(address)
            document.getElementById('textareaJson').innerHTML = JSON.stringify(address, null, 4)
        }
    </script>
</body>

</html>